:root {
  // 主题色
  --theme-backgroud-color: rgb(69, 133, 120);
  // 菜单样式
  --menu-backgroud-color: rgba(99,163,150,100);
  // 菜单文本的颜色
  --menu-text-color: white;
  // 菜单文本选中的颜色
  --menu-active-text-color: white;
  // 顶部logo背景颜色
  --menu-top-backgroud-color: rgba(69,133,120,100);
  // 个人信息栏背景颜色
  --person-backgroud-color: rgba(69,133,120,100);
  // 切换区域背景色
  --change-backgroud-color: rgba(255, 255, 255, 0.2);
  // 子级菜单背景色
  --my-submenu: rgba(0, 0, 0, 0.4);
  // 消息提示框背景颜色
  --message-backgroud-color: rgba(69, 133, 120, 0.9);
  // 平台首页宽度
  --front-index-width: 1300px;
}

/* 改变主题色变量 */
$--color-primary: rgba(69,133,120,100);

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";


.el-page-header__content  {
  color: var(--theme-backgroud-color);
}
.el-page-header__left {
  color: var(--theme-backgroud-color);
}


// 更换表格每行背景颜色
.el-table thead tr > th {
  width: 100%;
  background-color: transparent;
  border: none;
}

.el-table tbody tr > td {
  color: #fff;
  border: none;
}

.el-table tr:nth-child(even) {
  background-color: transparent !important;
}

.el-table tr:nth-child(odd) {
  background-color: transparent !important;
}

//鼠标滑过hover的效果
.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: transparent !important;
}

// 更改表格每行背景颜色
.el-table tbody tr > td {
  // background-color: rgb(26,28,119);
  color: var(--theme-backgroud-color);
  border: none;
  font-size: 14px;
}

.el-table__header-wrapper > table {
  .el-table__cell {
    font-size: 16px;
    background-color: var(--change-backgroud-color);
    color: var(--theme-backgroud-color);
  }
}


.LeftMenu {
  box-shadow: rgba(69, 133, 120, 0.9) 2px 1px 2px 1px, rgba(69, 133, 120, 0.9) 0px 2px 6px 2px;
}

.el-submenu__title i {
  color: var(--menu-active-text-color) !important;
}

.menu-border {
  border-bottom: 2px solid var(--my-submenu);
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.el-menu-item {
  font-size: 16px;
}

.el-submenu__title {
  font-size: 16px;
}

.my-submenu {
  background-color: var(--my-submenu) !important;
  font-size: 16px;
}

.my-menu-icon {
  color: var(--menu-active-text-color) !important;
  font-size: 20px;
  margin-right: 10px;
}

.xw-block {
  background-color: var(--change-backgroud-color);
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}

.xw-block-table {
  background-color: var(--change-backgroud-color);
  border-radius: 10px;
  margin-bottom: 10px;
}

.xw-auto {
  .el-scrollbar__wrap {
    min-height: 600px;
  }
}


.xw-auto-black {
  border: 1px solid rgba(126, 80, 80, 0.7);

  .el-scrollbar__wrap {
    background-color: var(--theme-backgroud-color);
    min-height: 600px;
    padding-top: 0;

    .el-scrollbar__view {
      border: 2px solid rgba(126, 80, 80, 0.7);

      > li {
        padding: 0;
        border-bottom: 2px solid rgba(126, 80, 80, 0.7);

        &:hover {
          background-color: rgba(126, 80, 80, 0.4);
        }
      }
    }
  }
}

.wellReceived-title {
  color: white;
  display: inline;
  border-bottom: 5px solid pink;
}

// 鼠标移入放大
.xw-enlarge {
  &:hover {
    transform: scale(1.02);
    cursor: pointer;
  }
}

// 图片上传样式
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
}

.avatar {
  width: 120px;
  height: 120px;
  display: block;
}

/*如果需要隐藏滚动条样式 则在标签上 加上 class = hiddenScrollbar*/
.hiddenScrollbar::-webkit-scrollbar,
.hiddenScrollbar::-webkit-scrollbar-thumb,
.hiddenScrollbar::-webkit-scrollbar-track {
  display: none;
  margin-top: -1px;
  width: 0;
  height: 0;
  background: transparent;
}

.line {
  .el-form-item {
    //text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7d2d2;
    margin-bottom: 0;
  }

  .el-form-item__content {
    flex: 1;
    line-height: 1;
  }

  .el-form-item__label {
    padding: 0;
    color: var(--theme-backgroud-color);
    font-weight: bolder;
  }
}

.focus-message {
  background-color: var(--message-backgroud-color) !important;
  max-width: 100%; /* 最大宽度为100% */
  min-width: auto; /* 最小宽度自动 */
  width: fit-content; /* 宽度根据内容自适应 */
  position: absolute;
  top: 56px !important;

  .el-icon-info::before {
    color: var(--menu-text-color) !important;
  }

  .el-message__content {
    margin-left: 10px;
    color: var(--menu-text-color) !important;
  }
}

.ellipsis {
  overflow: hidden; /* 隐藏超出部分的内容 */
  white-space: nowrap; /* 禁止文本换行 */
  text-overflow: ellipsis; /* 在文本末尾添加省略号 */
}

.el-dialog__header {
  padding: 0;
}

.el-dialog__headerbtn {
  top: 10px;
}

.MyDialogHeader {
  padding: 10px;
  background-color: var(--theme-backgroud-color);
  color: white;
}

:deep(.MyDialogHeader) {
  .el-dialog__header {
    background-color: var(--theme-backgroud-color);
  }
}

/* 定义滚动条样式 */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* 定义滚动条的轨道部分 */
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  width: 1px;
}

/* 定义滚动条的thumb部分 */
::-webkit-scrollbar-thumb {
  background-color: var(--theme-backgroud-color);
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  cursor: pointer;
}